<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>jQuery入门示例——HelloWorld</title>
</head>
<body>
    <div id="hello">

    </div>
</body>

<!--引入jQuery的js文件-->
<script type="text/javascript" src="js/jquery-3.3.1.min.js"></script>
<script type="text/javascript">
    /**
     * $(function(){
     *      //页面加载完成后的处理，固定写法
     * });
     *
     */
    $(function () {
        //使用jQuery获取到id为hello的那个元素，并包装成一个jQuery对象返回，$("#hello")这段代码等同于document.getElementById("hello")
        var divEle = $("#hello");
        //divEle.text("jQuery入门示例——HelloWorld!");//使用jQuery提供的text方法改变div元素的文本
        $("#hello").text("jQuery入门示例——HelloWorld!");
    });
    
</script>
</html>